<HTML><HEAD><TITLE>Juce Plugin Test</TITLE></HEAD>
<BODY>
<center>

<script>
function printmessage(arg)
{
    document.getElementById ("result").innerHTML += "<p>" + arg + "</p>";
}

function getPlugin()
{
    return document.getElementById ("plugin");
}

function showAMessage()
{
    var response = getPlugin().printText ("This is a message sent from the website's javascript...");
    printmessage (response);
}

function popUpMessageBox()
{
    // fetch a couple of properties from the plugin and tell the plugin to show them in a pop-up box..
    getPlugin().popUpMessageBox ("property1 = " + getPlugin().property1 
                                   + "\nproperty2 = " + getPlugin().property2);
}

// callbacks from plugin...
function WebpageCallbacks()
{
    this.printmessage = printmessage;
}

function sendCallbackObjectToPlugin()
{
    // This gives the plugin an object containing methods that it can call, so that it
    // can trigger events in the webpage..
    getPlugin().registerCallbackObject (new WebpageCallbacks());
}

</script>

<script>
if (navigator.appName == "Microsoft Internet Explorer")
{
    document.write('<object id="plugin" type="application/npjucedemo-plugin" classid="CLSID:F683B990-3ADF-11DE-BDFE-F9CB55D89593" width="80%" height="400"></object>');
}
else
{
    document.write('<embed id="plugin" src="" type="application/npjucedemo-plugin" width="80%" height="400"></embed>');
}
</script>

<noscript>
 <embed id="plugin" src="" type="application/npjucedemo-plugin" width="80%" height="400"></embed>
</noscript>

<br>
<form name="formname">
<input type=button value="Tell the plugin to show a message" onclick='showAMessage()'>
<input type=button value="Tell the plugin to show a pop-up" onclick='popUpMessageBox()'>
<input type=button value="Pass a callback object to the plugin" onclick='sendCallbackObjectToPlugin()'>
</form>

<div id="result"></div>

</center>
</BODY></HTML>
